<template>
  <view class="box">
    <uv-navbar title="我的" bg-color="rgba(0,0,0,0)" leftIcon></uv-navbar>
    <!-- 信息 -->
    <view class="box1">
      <view class="box11">
        <image src="/static/image/mein.jpg" mode=""></image>
        <view class="box1biao" @click="to1">
          <view class="box1biao1">
            <image src="../../static/image/vip.png" mode=""></image>
          </view>
          <view class="box1biao2">铲屎平民</view>
        </view>
      </view>
      <view class="box12" @click="to2">
        <view style="font-size: 40rpx;margin-bottom: 10rpx;">陈喜喜</view>
        <view style="color: #919191;">19191830654</view>
      </view>
      <view class="box13" @click="to3">
        <uv-icon name="chat" color="#000" size="40"></uv-icon>
      </view>
    </view>
    <!-- 会员中心 -->
    <view class="box2">
      <view class="box21">会员中心</view>
      <view class="">在线答疑权益；免费批改次数......</view>
    </view>
    <!-- 宫格 -->
    <view class="box3">
      <uv-grid :col="4">
        <uv-grid-item v-for="(item,index) in baseList" :key="index" @click="jump(item.url)">
          <uv-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.name" :size="60"></uv-icon>
          <text class="grid-text">{{item.title}}</text>
        </uv-grid-item>
      </uv-grid>
    </view>
    <!-- 客服 -->
    <view class="box4" @click="ke">
      <uv-icon name="kefu-ermai" color="#000" size="30"></uv-icon>
      <view class="">客服</view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  const baseList = ref(
    [{
      name: '/static/image/dingdan.png',
      title: '我的钱包',
      url: "/pages/wodeqb/wodeqb"
    }, {
      name: '/static/image/dingdan.png',
      title: '我的宠物',
      url: "/pages/wodechongw/wodechongw"
    }, {
      name: '/static/image/dingdan.png',
      title: '购物车',
      url: "/pages/gouwuche/gouwuche"
    }, {
      name: '/static/image/dingdan.png',
      title: '收货地址',
      url: "/pages/deliveryaddress/deliveryaddress"
    }, {
      name: '/static/image/dingdan.png',
      title: '优惠卷',
      url: "/pages/youhuij/youhuij"
    }, {
      name: '/static/image/dingdan.png',
      title: '邀请好友',
      url: "/pages/yaoqinghy/yaoqinghy"
    }, {
      name: '/static/image/dingdan.png',
      title: '投诉建议',
      url: "/pages/tousujy/tousujy"
    }, {
      name: '/static/image/dingdan.png',
      title: '设置',
      url: "/pages/SetUp/setup/setup"
    }]
  )
  const jump = ((e) => {
    // console.log(e);
    uni.navigateTo({
      url: e
    });
  })
  const to1 = (() => {
    // console.log(e);
    uni.navigateTo({
      url: '/pages/huiyuanzx/huiyuanzx'
    });
  })
  const to2 = (() => {
    // console.log(e);
    uni.navigateTo({
      url: '/pages/gerenzil/gerenzil'
    });
  })
  const to3 = (() => {
    // console.log(e);
    uni.navigateTo({
      url: '/pages/xiaoxi/xiaoxi'
    });
  })
  const ke = (() => {
    // console.log(e);
    uni.navigateTo({
      url: '/pages/exclusivecustomer/exclusivecustomer'
    });
  })
</script>

<style lang="scss">
  @import url(mine.scss);
</style>